<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="HandheldFriendly" content="true"/>
<meta name="MobileOptimized" content="320"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit" />
<link rel="stylesheet" href="/bx/css/css.css" />
<script type="text/javascript" src="/bx/js/jquery-1.7.js"></script>
<title>7.8保险公众宣传日</title>
<style type="text/css">
* { padding: 0; margin: 0; }
.am-share { font-size: 14px; border-radius: 0; bottom: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 1110; }
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }

.am-share-title { background-color: #f8f8f8; border-bottom: 1px solid #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #555; font-weight: 400; margin: 0 10px; padding: 10px 0 0; text-align: center; }
.am-share-title::after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; height: 0; margin-top: 10px; width: 100%; }

.am-share-footer { margin: 10px; }
.am-share-footer .share_btn { color: #555;  display: block; width: 100%; background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 0; cursor: pointer;  font-size: 16px; font-weight: 400; line-height: 1.2; padding: 0.625em 0; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap;font-family:"微软雅黑";  }

.am-share-sns { background-color: #f8f8f8; border-radius: 0 0 2px 2px; margin: 0 10px; padding-top: 15px; height:auto; zoom:1; overflow:auto; }

.am-share-sns li { margin-bottom: 15px; display: block; float: left; height: auto;  width: 25%; }

.am-share-sns a { color: #555; display: block; text-decoration:none; }
.am-share-sns span { display: block; }

.am-share-sns li i { background-position: center 50%; background-repeat: no-repeat; background-size: 36px 36px; background-color: #ccc; color: #fff; display: inline-block; font-size: 18px; height: 36px; line-height: 36px; margin-bottom: 5px; width: 36px; }
.am-share-sns .share-icon-weibo { background-image: url(); }

.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.sharebg-active { opacity: 1; display:block; }

</style>
</head>
<body style="background: #2d96e7;">
<div class="approveIco breathe-btn"><a href="/bx/user/rank?openId=#(user.weixin_code)"><img src="/bx/images/ApproveIco.png"  style="height:110%;width:110%"></a></div>
<div class="indexbannerbg">
   <img src="#(user.logo)" class="personico">
</div>
<section class="tlist js_list" id="day-ranking">
<p class="ranking-hint">
  <span class="channel">#(user.nickName)为保险大爱宣传</span><br>
  <span class="channel">#(user.tel)  &nbsp; #(company.companyName)</span>
</p>
  <a href="#"><img src="/bx/images/banner3.jpg" style="margin: 0 10px 0 10px; width:95%;"></a> 
</section>
<section class="tlist js_list" id="day-ranking">
  <p class="ranking-hint"><span class="channel">客户认可榜</span></p>

  <div class="ranking-list2">   
  #for(x : list)
  		<li class="r-list"><img src="#(x.logo)"></li>
    #end
    #set(y = 1)
    #set(z = size)
    #for((y) == 1;(y) <= 18-(z);(y)++)
	    <li class="r-list"><img src="/bx/images/person1.jpg"></li>
    #end
  </div>
 <p class="ranking-hint"><span class="channel">已获得#(size)个客户认可</span></p>
  <p>
    <input name="" type="button" value="点此邀请助力"  style="width:200px; height:35px; border:0px;border-radius:5px; background-color:#fff; color:#000;" onClick="toshare()">
  </p>
<div class="recommendIco breathe-btn"><a href="http://tb.wcwl66.com/vip_31.html"><img src="/bx/images/RecommendIco.png"></a></div>
</section>
<div style="height: 50px;"></div>
<script type="text/javascript">
	function toshare(){
		$(".am-share").addClass("am-modal-active");	
		if($(".sharebg").length>0){
			$(".sharebg").addClass("sharebg-active");
		}else{
			$("body").append('<div class="sharebg"></div>');
			$(".sharebg").addClass("sharebg-active");
		}
		$(".sharebg-active,.share_btn").click(function(){
			$(".am-share").removeClass("am-modal-active");	
			setTimeout(function(){
				$(".sharebg-active").removeClass("sharebg-active");	
				$(".sharebg").remove();	
			},300);
		})
	}	
</script>
<div class="am-share">
<div style="width:164px; height:280px; right:20px; margin:0 20px 300px auto;"><span class="share_btn"><img src="/bx/images/share.png"></span></div>
  <!-- <h3 class="am-share-title">分享到</h3>
  <ul class="am-share-sns">
    <li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li>
    <li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li>
    <li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li>
    <li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li>
  </ul>
  <div class="am-share-footer"><button class="share_btn">取消</button></div> -->
</div>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src='http://203.195.235.76/jssdk/js/zepto.min.js'></script>  
<script src="/bx/js/jquery.js"></script>
<script type="text/javascript">
$(function() {  
        var openId = "#(openId)";
        var logo = "#(logo)";
        var key = "#(key)";
        if(key == 1){
        	window.location.href="http://bxzx66.cn/bx/user/reginster?openId=#(openId)"; 
        }
        
    });  
</script> 
<script type="text/javascript">
$(function() {  
        $.ajax({  
            type : "post",  
            dataType : "json",  
            url : "/bx/user/api",  
            data : {  
                url : location.href.split('#')[0] 
            },  
            complete : function() {  
            },  
            success : function(data) {  
                var a = data.map;
                var b =  a.timestamp; 
                var c =  a.nonceStr;
                var d =  a.signature;
                    wx.config({  
					    debug : false, //  
					    appId : "wx435fdd961701f449", // 必填，公众号的唯一标识  
					    timestamp : a.timestamp, // 必填，生成签名的时间戳  
					    nonceStr : a.nonceStr, // 必填，生成签名的随机串  
					    signature : a.signature,// 必填，签名，见附录1  
					    jsApiList : [ 'onMenuShareTimeline',  
					            'onMenuShareAppMessage', 'showOptionMenu' ]  
					// 必填，需要使用的JS接口列表，所有JS接口列表见附录2  
					}); 
            },  
        });  
    });  
</script> 
    <script type="text/javascript">  
    var shareTitle = "我是#(company.companyName)的#(user.nickName)，7.8全国保险日，我向客户承诺！请支持";  
    var shareDesc = "让客户拥有更安心保障，请支持我！";  
    var shareImg = "#(user.logo)";  
    var url = "http://bxzx66.cn/bx/user/friend?oldOpenId=#(user.weixin_code)";  
    wx.ready(function() {  
        share();  
    });  
    function share() {  
        wx.showOptionMenu();  
        wx.onMenuShareTimeline({  
            title : shareTitle, // 分享标题  
            link : url, // 分享链接  
            imgUrl : shareImg,  
            desc : shareDesc, // 分享描述  
            success : function() {  
            }  
        });  
        wx.onMenuShareAppMessage({  
            title : shareTitle, // 分享标题  
            link : url, // 分享链接  
            imgUrl : shareImg,  
            desc : shareDesc, // 分享描述  
            success : function() {  
            }  
        });  
    }  
     /* wx.error(function (res) {
		  alert(res.errMsg);
		});  */
</script>  
</html>